import React from 'react'
import { Row, Col,Input,Select,Button,Layout, Table,  Space } from 'antd';
import {  SearchOutlined } from '@ant-design/icons';

const {  Footer, Content } = Layout;
const { Option } = Select;

function handleChange(value) {
  // console.log(`selected ${value}`);
}

  class MembersManage extends React.Component {
    constructor(props){
      super(props);
      this.state={
        data:[],
        page:1, //显示页
        pagesize:2,//显示的条数
        count:0,// 总条数
        
      }
    }
    
    render(){
      const {data}= this.state;
      //表格
      const columns = [
        {
          title: 'id',
          dataIndex: 'ord_num',
          key: 'ord_num',
          render: text => <a>{text}</a>,
        },
        {
          title: '头像',
          dataIndex: 'ord_buytime',
          key: 'ord_buytime',
        },
        {
          title: '昵称',
          dataIndex: 'user_username',
          key: 'user_username',
        },
        {
          title: '姓名',
          key: 'tel',
          dataIndex: 'tel',
        },
        {
          title: '性别',
          key: 'adrss',
          dataIndex: 'adrss',
        },
        {
          title: '地区',
          key: 'shop_id',
          dataIndex: 'shop_id',
        },
        {
          title: '手机号码',
          key: 'jia_ge',
          dataIndex: 'jia_ge',
        },
        {
          title: '操作',
          key: 'action',
          render: (text, record) => (
            <Space size="middle">
               <a>收货地址</a>
               <a>查看账目明细</a>
              <a>Delete</a>
            </Space>
          ),
        },
      ];
    return (
        <Layout>
               <Row>
      <Col span={4}>
          <Input placeholder="请输入昵称" />
      </Col>
      <Col span={4}><Input placeholder="请输入手机号码" /></Col>
      <Col span={4}>
      <Button icon={<SearchOutlined />}>搜索</Button>
      </Col>
      <Col span={4}>
      
    </Col>
    </Row>
    
    <Content>
      <Table columns={columns} dataSource={data}/>
    </Content>

    <Footer>
      
    </Footer>
    </Layout>
    )
  }
}

export default MembersManage

